<?

include ('includes/adproductos.php');

$serviciosProductos = new ServiciosProductos();

$res = $serviciosProductos->TraerProductos();
$resAux = $serviciosProductos->TraerProductos();
session_start();



?>

<!DOCTYPE html>
<html lang='ES'>
	<head>
		<meta charset='UTF-8'>  <!--codificacion con acentos-->
		<meta name='description' content="Somos un centro educativo con amplia experiencia en el rubro. Trabajamos con niños con síndrome de down. Ofrecemos una óptima educación especial.">
		<meta name='author' content='Javier Saupurein/Marcos Saupurein'>
		<title>Aggiorno Deco</title>
		<link rel="stylesheet" type="text/css" href="css/estilo.css"/>
        <!--<link rel="stylesheet" type="text/css" href="css/tipTip.css"/>-->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <!--<script src="js/jquery.min.js"></script>-->
  <script src="http://code.jquery.com/jquery-1.9.0.js"></script>
  
  <!--<script src="js/jquery.tipTip.js"></script>-->
  <link href="css/gips.css" rel="stylesheet" type="text/css" />
  <script src="js/gips.js" type="text/javascript"></script>
  
  
  <script type="text/javascript">
		$(document).ready(function(){
					$('#elogin').click(function() {
					/*.animate({opacity: 1, marginTop: -55}, 1400);
					.css({marginTop:"0"},{slideDown:true,duration:1500});*/
					
					var usu = $("#elogin").prop("value");
					
					if (usu == 'Login') {
						
						$("#menuLogin").animate({ top: 0}, 1400);
						$('#elogin').val('Cerrar');
					} else {
						
						$("#menuLogin").animate({ top: -258}, 1400);
						$('#elogin').val('Login');
					}
					

				});
				
				});
		</script>
  <script type="text/javascript">
  
  			function validaForm(){
		// Campos de texto
		if($("#usuario").val() == ""){
			alert("El campo usuario no puede estar vacío.");
			$("#usuario").focus();       // Esta función coloca el foco de escritura del usuario en el campo Nombre directamente.
			return false;
		}
		if($("#password").val() == ""){
			alert("El campo contraseña no puede estar vacío.");
			$("#password").focus();
			return false;
		}
		
	 
		return true; // Si todo está correcto
		}
		
		
			$(document).ready(function(){
				//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
				//Vertical Sliding
				$('.subBody.slidedown').hover(function(){
					$(".cover", this).stop().animate({top:'-252px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({top:'8px'},{queue:false,duration:300});
				});
				//Horizontal Sliding
				$('.subBody.slideright').hover(function(){
					$(".cover", this).stop().animate({left:'325px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300});
				});
				//Diagnal Sliding
				$('.subBody.thecombo').hover(function(){
					$(".cover", this).stop().animate({top:'260px', left:'325px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300});
				});
				//Partial Sliding (Only show some of background)
				$('.subBody.peek').hover(function(){
					$(".cover", this).stop().animate({top:'90px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
				});
				//Full Caption Sliding (Hidden to Visible)
				$('.subBody.captionfull').hover(function(){
					$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'260px'},{queue:false,duration:160});
				});
				//Caption Sliding (Partially Hidden to Visible)
				$('.subBody.caption').hover(function(){
					$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'220px'},{queue:false,duration:160});
				});
				
				
				
					$("#login").click( function() {     // Con esto establecemos la acción por defecto de nuestro botón de enviar.
						if(validaForm()){                               // Primero validará el formulario.
							$.post("loginProcess.php",$("#loginForm").serialize(),function(res){
								   // Hacemos desaparecer el div "formulario" con un efecto fadeOut lento.
								if(res == 1){
									$("#mensajeLogin").html('<p>Bienvenido</p>').delay(500).fadeIn("slow");      // Si hemos tenido éxito, hacemos aparecer el div "exito" con un efecto fadeIn lento tras un delay de 0,5 segundos.
									$("#mensajeLogin").delay(1000).fadeOut("slow");
									$("#loginBox").html("<a href='cerrarsession.php'>Cerrar Session</a>"); 
									$('#eUsu').val('adminmarco');
									$("#loginForm").fadeOut("slow");
								} else {
									$("#mensajeLogin").html('<p>El usuario o contraseña son incorrectos</p>').delay(500).fadeIn("slow");    // Si no, lo mismo, pero haremos aparecer el div "fracaso"
									$("#loginForm").fadeOut("slow");
									$("#loginForm").fadeIn("slow");
									$("#mensajeLogin").delay(500).fadeOut("slow");
								}
							});
						}
					}); 
			
			
			$(function(){
			$(".someClass").tipTip({maxWidth: "auto", edgeOffset: 10});
			});
			
			$("#pasaruno").click(function() {
				$(".primeroslide").stop().hide();
				$(".segundoslide").stop().show();
				/*animate({marginTop:'-1500px'},{queue:false,duration:160});*/
			});
			
			$("#pasardos").click(function() {
				$(".primeroslide").stop().show();
				$(".segundoslide").stop().hide();
				/*$(".primeroslide").stop().animate({marginTop:'0px'},{queue:false,duration:480});
				$(".segundoslide").stop().animate({marginTop:'3000px'},{queue:false,duration:160});*/
			});
			
			
			});
		</script>

<script type="text/javascript">
        $(document).ready(function () {
            $('input#purple').gips({ 'theme': 'purple', autoHide: true, text: 'This is purple tooltip, auto hide after pausess time elapses.' });
            $('input#green').gips({ 'theme': 'green', placement: 'left' });
            $('input#yellow').gips({ 'theme': 'yellow', autoHide: true, placement: 'right' });
            $('input#red').gips({ 'theme': 'red', placement: 'bottom' });
			<!--$('.cuadroProductos').gips({ 'theme': 'green', placement: 'left' });-->
			$('.cuadroProductos').gips({ 'theme': 'purple', autoHide: true, text: '<a href=""><img src="imagenes/car.png" style="margin-left:2px;margin-top:6px;"></a>' });

        });
    </script>

	</head>
	<body>
		<div id="todo">
        <div id="menuLogin">
        
        <div id="logingral">
        <div id="mensajeLogin"></div>
        <div align="center">
        <table border="0" width="1000" cellpadding="0" cellspacing="0">
        	<tr height="240">
            	<td width="230">
                
                
                	<!--<table border="0" width="250" cellpadding="0" cellspacing="0">
                    	<tr>
                        	<td colspan="2" align="center">Ingresar</td>
                        </tr>
                        <tr>
                            <td align="left">Usuario:</td>
                            <td align="left"><input type="text" name="usuario" id="usuario" value="usuario"></td>
                        </tr>
                        <tr>
                            <td align="left">Contraseña:</td>
                            <td align="left"><input type="text" name="usuario" id="usuario" value="contraseña"></td>
                        </tr>
                        <tr>
                        	<td colspan="2" align="center"><input type="button" name="btningresar" id="btningresar" value="Ingresar"></td>
                        </tr>
                    </table>-->
                    <div id="loginContainer">
                        
                        <div id="loginBox">    
							<?
                            if (!isset($_SESSION['agdeco_usuario'])) {
                                ?>
                                <form id="loginForm">
                                <fieldset id="body">
                                    <fieldset>
                                        <label for="email">Usuario:</label>
                                        <input type="text" name="usuario" id="usuario" />
                                    </fieldset>
                                    <fieldset>
                                        <label for="password">Contraseña:</label>
                                        <input type="password" name="password" id="password" />
                                    </fieldset>
                                    <input type="button" id="login" value="Ingresar" />
                                    <label for="checkbox"><input type="checkbox" id="checkbox" />Recordarme</label>
                                </fieldset>
                                <span><a href="#">Olvidaste tu password?</a></span>
                            </form>
                                <?
                            } else {
                            	?>
                                	<a href='cerrarsession.php'>Cerrar Session</a>
                                <?
							}
                            ?>            
                            
                            
                        </div>
                    </div>
                    
                </td>
                <td align="center">
                	<div id="registrarse">
                    	<table width="350" border="0" cellpadding="0" cellspacing="0">
                        	<tr align="center">
                            	<td colspan="2"><label id="titulo" for="titulo">Registrate</label></td>
                            </tr>
                            <tr>
                            	<td align="right"><label id="lblReg" for="nombre">Nombre:</label></td>
                                <td align="left"><input type="text" name="nombrei" id="nombrei" size="20"></td>
                            </tr>
                            <tr>
                            	<td align="right"><label id="lblReg" for="apellido">Apellido:</label></td>
                                <td align="left"><input type="text" name="apellidoi" id="apellidoi"></td>
                            </tr>
                            <tr>
                            	<td align="right"><label id="lblReg" for="usu">Usuario:</label></td>
                                <td align="left"><input type="text" name="usuarioi" id="usuarioi"></td>
                            </tr>
                            <tr>
                            	<td align="right"><label id="lblReg" for="pass">Password:</label></td>
                                <td align="left"><input type="text" name="passi" id="passi"></td>
                            </tr>
                            <tr>
                            	<td align="right"><label id="lblReg" for="email">E-Mail:</label></td>
                                <td align="left"><input type="text" name="emaili" id="emaili"></td>
                            </tr>
                            <tr align="center">
                            	<td colspan="2"><input type="button" name="registrar" id="registrar" value="Enviar" style="cursor:pointer;"></td>
                            </tr>
                        </table>
                    </div>
                </td>
                <td width="250">
                </td>
            </tr>
        </table>
        </div>
        <div id="usuarioML">
        	<?
               if (!isset($_SESSION['agdeco_usuario'])) {
            ?>
        		<input type="button" name="eUsu" id="eUsu" value="Bienvenido">
            <?
            	} else {
            ?>
                <input type="button" name="eUsu" id="eUsu" value="<? echo $_SESSION['agdeco_usuario']; ?>">                
            <?
				}
            ?>  
        </div>
        </div>
        <div id="logingralback"></div>
        
        <div id="loginML">
        	<!--<a id="log" href="#" title="login">Login</a>-->
            <input type="button" name="elogin" id="elogin" value="Login">
        </div>
        </div><!-- fin del menulogin -->
			<!--div del header-->
			<header>
            <div align="center">
				<!--logo y nombre de la empresa-->
                <!--<table width="900" border="0" cellpadding="0" cellspacing="0">
                <tr style="height:115px">
                      <td width="50px"></td>
                      <td width="100px"><div id="proyecto"></div></td>
                      <td width="100px"><img src="imagenes/proyectos.png" width="100" height="59" alt=""></td>
                      <td width="340"></td>
                      <td width="100px"><img src="imagenes/proyectos.png" width="130" height="77" alt=""></td>
                      <td width="100px"><img src="imagenes/proyectos.png" width="130" height="77" alt=""></td>
                      <td width="110px"></td>
                  </tr>
                  </table>-->
                  <table id="menuTabla" width="1170" border="0" cellpadding="0" cellspacing="0" style="padding-top:108px;">
                  <tr height="30px">
				      <td width="85px"></td>
                      <td width="84px" align="center"><a href="">INICIO</a></td>
                      <td width="94px" align="center"><a href="">NOSOTROS</a></td>
                      <td width="86px" align="center"><a href="">PROYECTOS</a></td>
                      <td width="340"></td>
                      <td width="100px" align="center"><a href="">PRODUCTOS</a></td>
                      <td width="100px" align="center"><a href=""><img src="imagenes/carrito.png" width="39" height="30" alt="Carrito de compras"></a></td>
                      <td width="80px" align="center"><a href="">CONTACTO</a></td>
                      <td width="115px"></td>          
                  </tr>
                  </table>
             </div>   
             </header>
			<div id='barra_lateral'>
		  
				<aside>
					<!--enlaces a facebook y twitter-->
				</aside>
			</div> <!--cierre de barra lateral-->
			<div id='contenido'>
				<!--ofertas de los productos-->
                <br>
                <br>
                <div id="tituloscont">
                <h3>Listado de productos de nuestra tienda</h3>
                </div>
                <br>
                
                <div id="lineaSep1"></div>
                <br>
                <br>
                
                <div style="height:1580px; display:block; overflow:hidden; background:url(imagenes/transp1.png) repeat; width:1150px; border:1px solid #fff;box-shadow: 0px 1px 3px #666;
    -webkit-box-shadow: 0px 1px 3px #666;
    -moz-box-shadow: 0px 1px 3px #666;">
                <br>
                <div style="height:50px; width:1050px; margin-left:50px; margin-right:50px; background-color:#4F95FF; border:1px solid #06F; vertical-align:central;">
                <table width="900" border="0" cellpadding="0" cellspacing="0">
                	<tr>
                    	<td width="200" align="left"><p style="color:#FFF; margin-left:10px;">Productos encontrados: 11</p></td>
                        <td width="600" align="center"><a style="padding-right:10px; color: #00F; font-family: Tahoma, Geneva, sans-serif; text-decoration:none;" href="">Primero</a><a style="padding-right:10px; color: #00F; font-family: Tahoma, Geneva, sans-serif; text-decoration:none;" href="">Anterior</a><a style="padding-right:10px; color: #00F; font-family: Tahoma, Geneva, sans-serif; text-decoration:none;" href="">1</a><a style="padding-right:10px; color: #00F; font-family: Tahoma, Geneva, sans-serif; text-decoration:none;" href="">2</a><a style="padding-right:10px; color: #00F; font-family: Tahoma, Geneva, sans-serif; text-decoration:none;" href="">Siguiente</a><a style="padding-right:10px; color: #00F; font-family: Tahoma, Geneva, sans-serif; text-decoration:none;" href="">Ultimo</a></td>
                        <td width="100" align="left"><p style="color:#FFF;">Ordener por:</p></td>
                    </tr>
                </table>
        		
                </div>
                <br>
                <div class="primeroslide" style="background-color:#666;">
                
                
                <div class="cuadroProductos">
                <div class="precioProducto">$210</div>
                <img class="someClass" width="193" height="233" src="imagenes/pruebaImagenProducto.png" title="BOWLS X 5 ARABESCOS Y FLORES">
                <div class="nombreProducto">BOWLS X 5 ARABESCOS Y FLORES</div>
                </div>
                
                <div class="cuadroProductos">
                <div class="precioProducto">$210</div>
                <img class="someClass" width="193" height="233" src="imagenes/pruebaImagenProducto.png" title="BOWLS X 5 ARABESCOS Y FLORES">
                <div class="nombreProducto">BOWLS X 5 ARABESCOS Y FLORES</div>
                </div>
                
                <div class="cuadroProductos">
                <div class="precioProducto">$210</div>
                <img class="someClass" width="193" height="233" src="imagenes/pruebaImagenProducto.png" title="BOWLS X 5 ARABESCOS Y FLORES">
                <div class="nombreProducto">BOWLS X 5 ARABESCOS Y FLORES</div>
                </div>
                
                
                <div class="cuadroProductos">
                <div class="precioProducto">$210</div>
                <img class="someClass" width="193" height="233" src="imagenes/pruebaImagenProducto.png" title="BOWLS X 5 ARABESCOS Y FLORES">
                <div class="nombreProducto">BOWLS X 5 ARABESCOS Y FLORES</div>
                </div>
                
                <div class="cuadroProductos">
                <div class="precioProducto">$210</div>
                <img class="someClass" width="193" height="233" src="imagenes/pruebaImagenProducto.png" title="BOWLS X 5 ARABESCOS Y FLORES">
                <div class="nombreProducto">BOWLS X 5 ARABESCOS Y FLORES</div>
                </div>
                
                <div class="cuadroProductos">
                <div class="precioProducto">$210</div>
                <img class="someClass" width="193" height="233" src="imagenes/pruebaImagenProducto.png" title="BOWLS X 5 ARABESCOS Y FLORES">
                <div class="nombreProducto">BOWLS X 5 ARABESCOS Y FLORES</div>
                </div>
                
                <div class="cuadroProductos">
                <div class="precioProducto">$210</div>
                <img class="someClass" width="193" height="233" src="imagenes/pruebaImagenProducto.png" title="BOWLS X 5 ARABESCOS Y FLORES">
                <div class="nombreProducto">BOWLS X 5 ARABESCOS Y FLORES</div>
                </div>
                
                <div class="cuadroProductos">
                <div class="precioProducto">$210</div>
                <img class="someClass" width="193" height="233" src="imagenes/pruebaImagenProducto.png" title="BOWLS X 5 ARABESCOS Y FLORES">
                <div class="nombreProducto">BOWLS X 5 ARABESCOS Y FLORES</div>
                </div>
                
                <div class="cuadroProductos">
                <div class="precioProducto">$210</div>
                <img class="someClass" width="193" height="233" src="imagenes/pruebaImagenProducto.png" title="BOWLS X 5 ARABESCOS Y FLORES">
                <div class="nombreProducto">BOWLS X 5 ARABESCOS Y FLORES</div>
                </div>
                </div>
				
                
                
                
                <div class="segundoslide">
                
                <div class="cuadroProductos">
                <div class="precioProducto">$1111</div>
                <img class="someClass" width="193" height="233" src="imagenes/pruebaImagenProducto.png" title="BOWLS X 5 ARABESCOS Y FLORES">
                <div class="nombreProducto">BOWLS X 5 ARABESCOS Y FLORES</div>
                </div>
                
                
                
                <div class="cuadroProductos">
                <div class="precioProducto">$1111</div>
                <img class="someClass" width="193" height="233" src="imagenes/pruebaImagenProducto.png" title="BOWLS X 5 ARABESCOS Y FLORES">
                <div class="nombreProducto">BOWLS X 5 ARABESCOS Y FLORES</div>
                </div>
                </div>
                
                
                <div style="height:50px; width:1050px; margin-left:50px; margin-right:50px; background-color:#4F95FF; border:1px solid #06F; vertical-align:central; position:absolute; top:1950px; z-index:10px;">
                <table width="900" border="0" cellpadding="0" cellspacing="0">
                	<tr>
                    	<td width="200" align="left"><p style="color:#FFF; margin-left:10px;">Productos encontrados: 11</p></td>
                        <td width="600" align="center"><a style="padding-right:10px; color: #00F; font-family: Tahoma, Geneva, sans-serif; text-decoration:none;" href="">Primero</a><a style="padding-right:10px; color: #00F; font-family: Tahoma, Geneva, sans-serif; text-decoration:none;" href="">Anterior</a><a style="padding-right:10px; color: #00F; font-family: Tahoma, Geneva, sans-serif; text-decoration:none;" href="">1</a><a style="padding-right:10px; color: #00F; font-family: Tahoma, Geneva, sans-serif; text-decoration:none;" href="">2</a><a style="padding-right:10px; color: #00F; font-family: Tahoma, Geneva, sans-serif; text-decoration:none;" href="">Siguiente</a><a style="padding-right:10px; color: #00F; font-family: Tahoma, Geneva, sans-serif; text-decoration:none;" href="">Ultimo</a></td>
                        <td width="100" align="left"><p style="color:#FFF;">Ordener por:</p></td>
                    </tr>
                </table>
        		
                </div>
                
                <!-- fin del contenedor de los productos-->
              </div>
              
              
              <input type="button" name="pasaruno" id="pasaruno">
              <br>
              <input type="button" name="pasardos" id="pasardos">
              
		  </div> <!--cierre de contenido-->
            <div id="antesFooter"></div>
			<footer>
                <div align="center">
                
                
                
                

                
                
                
                
                
                <div style="width:940px;">
            	<div class="footerLinks">
                	<img src="imagenes/pajarito.png" width="50" height="35">
           	    <h4>Link's de Interes</h4>
					<ul>
                    	<li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div class="footerLinks">
                	<img src="imagenes/autito.png" width="50" height="35">
                    <h4>Link's de Interes</h4>
					<ul>
                    	<li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div class="footerLinks">
                <img src="imagenes/arcoiris.png" width="50" height="35">
                <h4>Link's de Interes</h4>
					<ul>
                    	<li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div class="footerLinks">
                <img src="imagenes/jarron.png" width="50" height="35">
                <h4>Link's de Interes</h4>
					<ul>
                    	<li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                </div>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
				<div id="lineaFooter"></div>
                
                <p> © Copyright 2013 | Aggiorno Deco - La PLata, Buenos Aires. Diseño Web: Saupurein Marcos y Saupurein Javier .Tel:(0221)15-6184415 </p>
                </div>
                
			</footer>
            
		</div> <!--cierre del div "todo"-->
        
	</body>
</html>